<template>
  <div class="hand">
    <div class="handMain">
        <div class="handText clearfix">
            <div class='fl textDiv1'>
                <h2 class="textTit">用户使用手册下载</h2>
                <ul>
                    <li><a download  href="../../../static/应急预案智能管理平台企业用户使用手册.docx" >应急预案智能管理平台企业用户使用手册下载</a></li>
                    <li><a download  href="../../../static/应急预案智能管理平台专家用户使用手册.docx" >应急预案智能管理平台专家用户使用手册下载</a></li>
                </ul>
            </div>

            <div class='fr textDiv2'>
                <h2 class="textTit">系统简介</h2>
                <p>以上手册面对的用户为各企业应急预案管理人员和评审专家，手册针对不同的对象详细描述了应急预案智能管理平台各项功能操作方法和使用要求，给用户更好的平台体验感。</p>
            </div>
        </div>
        <div class="backBox">
          <input type="button" value="返回" @click='$router.push("login")'/>
      </div>
    </div>
    <p class="hand_footer">Copy Right © Bossien All Rights Reserved 武汉博晟安全技术股份有限公司 版权所有</p>
  </div>
</template>

<script>
export default {
  data () {
    return {
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang='less' scoped>
.hand {
    height: 100%;
  width: 100%;
  background: url("../../../static/images/loginBg.jpg") no-repeat;
  background-size: 100% 100%;
  position: relative;
  .handMain {
    background: #fff;
    width: 1100px;
    position: absolute;
    left: 50%;
    margin-left: -550px;
    top: 48%;
    margin-top: -250px;
    padding-bottom: 60px;
    height: 500px;
    .handText{
        padding: 90px 60px 0;
        margin-bottom: 100px;
        .textTit{
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 40px;
            background: url('../../../static/images/hand_icon.png') no-repeat left center;
            padding-left: 25px;
        }
        .textDiv1{
            width: 390px;
            ul{
                li{
                    padding-left: 25px;
                    line-height: 48px;
                    a{
                        text-decoration: underline;
                        /* color: #7255e7;
                        cursor: pointer; */
                        cursor: pointer;
                        color: rgb(148, 147, 147);
                    }
                     a:hover{
                       color:#4080ff;
                    } 
                }
            }
        }
        .textDiv2{
            width: 490px;
            p{
                padding-top: 5px;
                color: #666;
                line-height: 36px;
                text-indent: 2em;
            }
        }
    }
    .backBox{
        text-align: center;
        >input{
            background: url('../../../static/images/backBtn.png') no-repeat;
            border: none;
            height: 42px;
            width: 125px;
            color: #4080ff;
            padding-left: 15px;
            cursor: pointer;
        }
        >input:hover{
            opacity: .8;
        }
    }
  }
  .hand_footer {
        position: absolute;
        bottom: 3%;
        font-size: 12px;
        width: 100%;
        text-align: center;
        color: #888;
    }
}
</style>
